JavaScriptで文字を書き換える
今回は、ホームページに表示されている文字を書き換えるJavaScriptを紹介します。このテクニックを利用すると、『マウスポインタの位置に応じて表示される文字を変化させる』などの演出が行えます。ぜひ活用してみてください。 サンプルページ

→ 文字を書き換えるプロパティ「innerText」
 
ホームページに表示した文字を書き換えるには、JavaScriptの「innerText」というプロパティを利用します。「innerText」は、開始タグ〜終了タグの間にある文字を変更できるプロパティで、使い方次第でユニークな演出を行えます。なお、「innerText」はInternet Explorer（バージョン4以降）にのみ対応するプロパティとなります。他のブラウザでは動作しない点に注意してください。


→ マウスオーバーで自身の文字を書き換える
 
それでは、さっそく具体的な例を紹介していきましょう。まずは、表内の文字にマウスポインタを重ねると、その文字が変更されるテクニックです。これは、onMouseOverイベントに「this.innerText='（変更後の文字）'」と記述すると実現できます。また、文字からマウスポインタが離れたら文字表示が元に戻るように、onMouseOutイベントも併記しておくとよいでしょう。onMouseOutイベントの記述は「this.innerText='（元の文字）'」となります。

<TABLE border="1">
　 ：
<TD onMouseOver="this.innerText='受付終了'" onMouseOut="this.innerText='13:00〜
15:00'">13:00〜15:00</TD>
　 ：
</TABLE>

 サンプルページ


→ マウスオーバーで他の文字を書き換える
 
続いては、マウスオーバーで別の箇所にある文字を変更する方法を紹介します。この場合、文字表示を変更する箇所をDIVタグで囲み、id属性でID名を付けておきます。あとは、onMouseOverイベントに「document.all.（ID名）.innerText='（変更後の文字）'」と記述するだけで文字を変更できます。また、先ほどと同様にonMouseOutイベントも併記しておくとよいでしょう。
<TABLE border="1">
　 ：
<TD onMouseOver="document.all.bj.innerText='受付終了'"
onMouseOut="document.all.bj.innerText='マウスで確認'">13:00〜15:00</TD>
　 ：
</TABLE>
<BR>
<TABLE border="1">
　 ：
<TD><DIV id="bj">マウスで確認</DIV></TD>
　 ：
</TABLE>
 サンプルページ


�e�����[�N����EC�i�r Yahoo �y�V LINE���f�[�^�����[�������z500�~�`�I
�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q�����@�C�O���s�����������I �C�O�z�e��